﻿<div class="filters">
    <form class="custom" onsubmit="return false;">
        <div class="row collapse">
            <div class="large-1 columns">
                <label for="tableFilter" class="right inline">Prefix:&nbsp;</label>
            </div>
            <div class="large-8 columns">
                <input id="tableFilter" type="text" autocomplete="off"
                    data-bind="instantValue: filter, enterPressed: applyFilter, mruOptions: filters().items(), mruSelect: function(ev, f) {filter(f); applyFilter();}" placeholder="Blob name prefix" />
            </div>
            <div class="large-1 columns">
                <a href="javascript:void(0)" class="button secondary postfix" data-bind="click: applyFilter">Apply</a>
            </div>
            <div class="large-2 columns">
                <a href="javascript:void(0)" class="button secondary postfix" data-bind="modalOpen: 'createBlob', click: details.reset">New Blob</a>
            </div>
        </div>
    </form>
</div>
